<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>结算页</title>
    <link rel="stylesheet" href="./css/settlement.min.css">
</head>
<body>
    <div class="web">
        <header>
            <p>填写订单</p>
        </header>
        <main>
            <!-- 填写信息 -->
            <ul class="inform">
                <li>
                    <span>收货信息</span>
                    <span>请选择收货信息</span>
                </li>
                <li>
                    <span>送达日期</span>
                    <span>请填写送达日期</span>
                </li>
                <li>
                    <span>配送时间</span>
                    <span>不限时段</span>
                </li>
                <li>
                    <span>配送方式</span>
                    <span>市区免费配送</span>
                </li>
                <li></li>
            </ul>
            <!-- 订购人信息 -->
            <div class="subscriber">
                <span>订购人信息</span>
                <span>请填写</span>
            </div>
            <!-- 留言 -->
            <div class="leave">
                <div class="txt">
                    <p>贺卡留言</p>
                    <textarea name="" id="" cols="30" rows="10" placeholder="选填 请输入贺卡留言！"></textarea>
                </div>
                <div class="txt">
                    <p>买家留言</p>
                    <textarea name="" id="" cols="30" rows="10" placeholder="选填 请输入买家留言！"></textarea>
                </div>
            </div>
            <!-- 商品 -->
            <div class="product">
                <img src="./img/settlement/flower01.png" alt="">
                <div class="txt">
                    <p>永恒回忆</p>
                    <p><span>x 1</span> <span>￥ 329</span></p>
                </div>
            </div>
            <!-- 支付方式 -->
            <div class="payway">
                <p>支付方式</p>
                <a href="#"><img src="./img/settlement/wechat.png" alt=""> 微信</a> <br>
                <a href="#"><img src="./img/settlement/pay.png" alt=""> 支付宝</a>
            </div>
            <!-- 发票 -->
            <div class="involic">
                <span>发票</span>
                <a href="#">选填</a>
            </div>
            <!-- 总结 -->
            <div class="sum">
                <p><span>共计1件商品</span><span>优惠: -￥0</span></p>
                <p><span>运费:￥0</span><span>商品总价:<i>￥ 329.00</i></span></p>
                
            </div>
        </main>


        <footer>
            <div class="pice">
                <p>实付款:￥329.00</p>
            </div>
            <button>提交订单</button>
        </footer>
    </div>
</body>
</html>